<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="jscolor/jscolor.js"></script>
    <link rel='stylesheet' type='text/css' href='/chooser.css' />
    <script src='https://apis.google.com/js/plusone.js'></script>
    <script src='javascript/rgb.js'></script>
    <script>
      var fc_config = { rgb : [0x96, 0x60, 0x88], run : false };
    </script>
    <title>FavColor: We Know Your Favorite!</title>
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script type="text/javascript" src="//www.accountchooser.biz/client.js"></script>
    <script type="text/javascript" src="//www.gstatic.com/authtoolkit/staging/js/gitkit.js"></script>
    <link type="text/css" rel="stylesheet" href="//www.gstatic.com/authtoolkit/staging/css/gitkit.css" />

    <script type="text/javascript">
      window.google.identitytoolkit.signInButton(
        '#navbar',
        {
          callbackUrl: "/gat-callback",
          logoutUrl: "/gat-signout",
          idps: ["googleplus", "facebook", "yahoo"],
        });
    </script>
  </head>
  <body>
    <div class="row-fluid" id="container">
      <div class="span3" id="left-c">
	<canvas id="cR" width="255" height="255">/* */</canvas>
	<br/>
	<canvas id="cG" width="255" height="255">/* */</canvas>
	<br/>
	<canvas id="cB" width="255" height="255">/* */</canvas>
      </div>
      <div class="span5">
	<div class="row">
          <h2>Welcome to FavColor</h2>
          <script src="/bootstrap/js/bootstrap.min.js">/* */</script>
	</div>
	<div class="row">
	  <p>You’re not signed in, so we don’t know your favorite color.</p>
	</div>
      </div>
      <div class="span3" id="gatHolder">
	<div id="navbar"/>
      </div>
    </div>
  </body>
</html>
